@(message: String)

@main("PUC TowerDefence - The game") {
    @navbar("menu2")

    <div class="container">
            <!-- Main hero unit for a primary marketing message or call to action -->
        <div class="jumbotron">
            <h1>New game</h1>
            <p>Are your ready to fight the war of your live?</p>
            <p>Select a map and get started or go home and play Flipper</p>

        </div>

            <!-- Example row of columns -->
        <div class="row">
            <div id="selectMini" class="span3">
                <h2>Mini Map</h2>
                <img src="@routes.Assets.at("images/gamemap1.png")" height="100px">
                <p>A mini tester Map.</p>
                <p>
                    <a class="btn btn-sm btn-default new" href="/game/mini">play</a>
                    <!--
                    <a class="btn btn-sm btn-default continue" href="/game/mini">continue</a>
                    <a class="btn btn-sm btn-default cancel" href="/game/small">cancel</a>
                    -->
                </p>
            </div>
            <div id="selectSmall" class="span3">
                <h2>Small Map</h2>
                <img src="@routes.Assets.at("images/gamemap2.png")" height="100px">
                <p>Umpalumpa or fast as Flipper? </p>
                <p>
                    <a class="btn btn-sm btn-default new" href="/game/small">play</a>
                    <!--
                    <a class="btn btn-sm btn-default continue" href="/game/mini">continue</a>
                    <a class="btn btn-sm btn-default cancel" href="/game/small">cancel</a>
                    -->
                </p>
            </div>
            <div id="selectMiddle" class="span3">
                <h2>Middle Map</h2>
                <img src="@routes.Assets.at("images/gamemap3.png")" height="100px">
                <p>Are you cold as ice or hard as Pony?! This map will gain you to the limit</p>
                <p>
                    <a class="btn btn-sm btn-default new" href="/game/middle">play</a>
                        <!--
                    <a class="btn btn-sm btn-default continue" href="/game/mini">continue</a>
                    <a class="btn btn-sm btn-default cancel" href="/game/small">cancel</a>
                    -->
                </p>
            </div>
            <div id="selectBig" class="span3">
                <h2>Big Map</h2>
                <img src="@routes.Assets.at("images/gamemap4.png")" height="100px">
                <p>The invasion began from the kiwi-flavored halva shaped spacehips. Will you fight back?</p>
                <p>
                    <a class="btn btn-sm btn-default new" href="/game/big">play</a>
                        <!--
                    <a class="btn btn-sm btn-default continue" href="/game/mini">continue</a>
                    <a class="btn btn-sm btn-default cancel" href="/game/small">cancel</a>
                    -->
                </p>
            </div>
        </div>

        <hr>

        <footer>
            <p>©PUC Production Studios - Finest Software Development 2014</p>
        </footer>

    </div>

}



